<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>诊室详情</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">		
	<link rel="stylesheet" href="css/mui.min.css">
	<link rel="stylesheet" href="css/grandeHealth.css">
	<link rel="stylesheet" type="text/css" href="css/modelManager.css"/>
	<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
	<style>
		.mui-table-view .mui-pull-left{
			width: 30%;
		}
		.mui-table-view .mui-pull-left,.mui-table-view .mui-pull-right{
			height: 30px;
			line-height: 30px;
		}
		.mui-table-view-cell>a:not(.mui-btn){
			   white-space:normal; 
		}
		.huizdetail{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.huizdetail{
			margin-right: 10px;
		}

	</style>
	</head>
	<body>
		<!--<header>class="mui-bar mui-bar-nav" style="display: block;height: 64px;padding-top:20px">
	        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    	<h1 class="mui-title">诊室详情</h1>
		</header>-->
		<div id="app">
		<div class="mui-content">
			<ul  class="mui-table-view" id="OA_task_2">
				<li class="mui-table-view-cell">
					<div class="mui-pull-left mui-ellipsis">
						会诊名称
					</div>
					<div class="mui-pull-right mui-ellipsis">
						{{data.name}}
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-pull-left mui-ellipsis">
						会诊时间
					</div>
					<div class="mui-pull-right mui-ellipsis">
						{{data.dat}}
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-pull-left mui-ellipsis">
						患者
					</div>
					<div class="mui-pull-right mui-ellipsis">
						{{data.usr}}
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-pull-left mui-ellipsis">
						患者所属机构
					</div>
					<div class="mui-pull-right mui-ellipsis">
						{{data.hospital}}
					</div>
				</li>
				<li class="mui-table-view-cell ">
					<a href="javascript:void(0);" class="mui-navigate-right">
						<div class=" mui-ellipsis">
							会诊说明
						</div>
						
						<div class="huizdetail" v-bind:data-content="[data.note]" @click="ajaxbind">
							{{data.note}}
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell ">
					<a href="javascript:void(0);" >
						<div class=" mui-ellipsis">
							会诊医生
						</div>
						
						<div class="huizdetail">
							
						</div>
					</a>
				</li>
	       </ul>
		</div>
		</div>
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/grandeHealth.js"></script>
		<script src="js/local.js"></script>
		<script>
					
		var vm = new Vue({
		    el:'#app',
		    data:{data:""},
		    created:function(){
		    	//console.log(this)
		    	var _self=this;
		        sendajax(_self);
		    },
		    methods:{
		    	ajaxbind:function(event){
		    		showpage('consultationexplain.html', 'consultationexplain.html');
		    		if (event) {
				          var a=event.target.className;
				          //console.log( $.trim($('.'+a).html()));
				          var value=$.trim($('.'+a).html());
				          
				      }
		    		newobj.setItem('value',value);
		    	}
		    }
		   
		  });
		  
		 	
		 function sendajax(_self){	
		 	var a=newobj.getItem("extras1").id;
			var url=XHDOC_WEBBASE+'v1/mpc/queryMutilDetail?param='+a;
			ajaxUtil('get', url, {userid:XHDOC_APP_USRGUID}, function(data){
				 	var html = '';
				 	if (data.code==000) {
				 		var data=data.data;
				 		_self.data=data[0];
				 		//console.log(data);
				 		
				 		
				 	} else{
				 		mui.toast("数据加载失败");
				 	}
				 })
			}
	    </script>
	    
	</body>
</html>


